<template>
    <div class="proup" id="inputPP">
      <v-probox-common v-model="rel.property" :tips="false"></v-probox-common>
      <hr>
      <div class="ptem">
        <div class="i2d6">
          <label><input type="checkbox">限制大小</label>
        </div>
        <div class="i4d6">
          <label><input class="sm"> M 以下</label>
        </div>
      </div>
      <div class="ptem">
        <div class="i2d6">
          <label><input type="checkbox">限制分辨率</label>
        </div>
        <div class="i4d6">
          <div class="i3d6">
            <label><input class="mdsm" placeholder="最小宽"> PX</label>
          </div>
          <div class="i3d6">
            <label><input class="mdsm" placeholder="最小高"> PX</label>
          </div>
          <div class="i3d6">
            <label><input class="mdsm" placeholder="最大宽"> PX</label>
          </div>
          <div class="i3d6">
            <label><input class="mdsm" placeholder="最大高"> PX</label>
          </div>
        </div>
      </div>
      <div class="ptem">
        <div class="i2d6">
          <label><input type="checkbox">上传个数</label>
        </div>
        <div class="i4d6">
          <label><input class="sm"> 个以下文件</label>
        </div>
      </div>
      <hr>
      <v-probox-layout v-model="rel.property"></v-probox-layout>
    </div>
</template>

<script>
import proboxCommon from './libs/pro-box-common'
import proboxLayout from './libs/pro-box-layout'

export default{
  props:["rel"],
  components:{
    'v-probox-layout':proboxLayout,
    'v-probox-common':proboxCommon
  },
  data:function(){
    return {
    }
  }
}
</script>

<style>
</style>
